/* 让页面所有元素的padding和margin都设置为0 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 设置背景图，字体设置为微软雅黑 */
body {
  font-family: '微软雅黑', sans-serif;
  background: url(./img/bg2.jpg);
  background-size: 100%;
  background-color: #f1e5e5;
  background-position: center;
}

/* 引用图片高度设置为28px，就是页面最上方像屋檐一样的黑色图 */
.headtop {
  height: 28px;
  background: url();
}

/* 整个登录框的css，并使用绝对定位居中 */
.ax-register {
  width: 600px;
  margin: auto;
  padding-top: 5%;

  /* position: absolute;
  top: 20%;
  left: 40%;
  width: 600px; */

  /* height: 300px; */

  /* margin: -150px 0 0 -150px; */
}

/* 前面分析过的h1标签的css，text-shadow设置阴影使文字更好看，letter-spacing设置字符间距 */
.ax-register h1 {
  margin-bottom: 20px;
  color: #555;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 10px 8px #0e80c2;
}

/* 登录按钮的css，cursor:pointer当鼠标移到按钮上面时变成小手形状 */
.ax-register-button {
  float: right;
  width: 75%;

  /* padding: 10px; */
  background-color: #3dc8eb;

  /* border: 1px solid black; */
  border-radius: 4px;
  cursor: pointer;
}
